<!-- 家庭成员 -->
<template>
	<view class="content">
		<!-- 头部标题 -->
		<uni-nav-bar left-text="返回" height="136rpx" left-icon="left" right-text="添加" :border="false" title="家庭成员" @clickLeft="back" @clickRight="go" />
		<view class="manner" >
			<text>信息修改请与社区管理员联系</text>
		</view>
		<view class="information">
			<view class="son1">
				<view class="top">
					<text>巩华新村1号楼2单元</text>
				</view>
				<view class="center">
					<view class="identity">
						<view class="left">
							<text>姓名</text>
						</view>
						<view class="right">
							张三
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>性别</text>
						</view>
						<view class="right">
							男
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>电话</text>
						</view>
						<view class="right">
							13000000000
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>身份证号</text>
						</view>
						<view class="right">
							121111111111111111
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>住户类型</text>
						</view>
						<view class="right">
							家属
						</view>
					</view>
				</view>
				<view class="bottom">
					<view>
						<text>2021-10-10 12:08</text>
					</view>
					<view class="right">
						认证中
					</view>
				</view>
			</view>
			
			<view class="son1">
				<view class="top">
					<text>巩华新村1号楼2单元</text>
				</view>
				<view class="center">
					<view class="identity">
						<view class="left">
							<text>姓名</text>
						</view>
						<view class="right">
							张三
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>性别</text>
						</view>
						<view class="right">
							男
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>电话</text>
						</view>
						<view class="right">
							13000000000
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>身份证号</text>
						</view>
						<view class="right">
							121111111111111111
						</view>
					</view>
					<view class="identity">
						<view class="left">
							<text>住户类型</text>
						</view>
						<view class="right">
							家属
						</view>
					</view>
				</view>
				<view class="bottom">
					<view>
						<text>2021-10-10 12:08</text>
					</view>
					<view class="left">
						已认证
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			back(){
				uni.navigateBack({
					delta:1
				})
			},
			go(){
				uni.navigateTo({
					url:'/pages/addresident/addresident'
				})
			}
		}
	}
</script>

<style lang="less">
	page{
		background-color: #f0f0f0;
	}
	.content{
		.manner{
			line-height: 81rpx;
			margin-left: 29rpx;
			font-size: 25rpx;
		}
		.information{
			padding-left: 10rpx;
			padding-right: 10rpx;
			font-size: 25rpx;
			.son1{
				width: 100%;
				height: 499rpx;
				background-color: #fff;
				border-radius: 5rpx;
				overflow: hidden;
				margin-bottom: 33rpx;
				.top{
					width: 90%;
					height: 61rpx;
					border-bottom: #eee solid 2rpx;
					margin: 0 auto;
					margin-top: 18rpx;
					line-height: 61rpx;
				}
				.center{
					width: 90%;
					height: 318rpx;
					margin:  0 auto;
					margin-top: 19rpx;
					.identity{
						width: 100%;
						height: 62rpx;
						display: flex;
						justify-content: space-between;
						line-height: 62rpx;
					}
				}
				.bottom{
					height: 79rpx;
					width: 90%;
					margin: 0 auto;
					border-top: 2rpx solid #eee;
					line-height: 79rpx;
					display: flex;
					justify-content: space-between;
					.left{
						color: #84e398;
					}
					.right{
						color: #92ccfc;
					}
				}
			}
		}
	}
</style>
